@charset "utf-8";a,abbr,acronym,address,applet,b,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{
    margin:0;
    padding:0;
}
li{

    list-style: none;

}
/*》》》》》》》》》》字体引用《《《《《《《《《《*/
@font-face{
    font-family:myFont1;
    src:url('../../font/AlibabaPuHuiTi-2-55-Regular.ttf');
}
@font-face{
    font-family:myFont3;
    src:url('../../font/AlibabaPuHuiTi-2-75-SemiBold.ttf');
}
@font-face{
    font-family:myFont5;
    src:url('../../font/AlibabaPuHuiTi-2-95-ExtraBold.ttf');
}
.web-font1{font-family:myFont1;}
.web-font3{font-family:myFont3;}
.web-font5{font-family:myFont5;}

body{
    font-family: myFont1;
}
header{
    height: 53px;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background: #fff;
    width: 100%;
}
/* title */
.title{
    padding: 30px 0 30px 0;
    text-align: center;
    position: relative;
}
.title em {
    background: url(../images/logo-bt.png) no-repeat center center;
    background-size: 80%;
    display: block;
    height: 76px;
    margin: 0 auto;
    position: relative;
}
.title h2 {
    font-size: 25px;
    font-family: myFont5;
    color: #212121;
    line-height: 30px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
}
.title>p{
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
}
.title-txt{
    padding-top: 70px;
}
.title-txt p{
    font-size: 22px;
    color: #212121;
    text-transform: uppercase;
}
.title a{
    width: 220px;
    height: 50px;
    background-color: #ff5400;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
    display: block;
    border-radius: 10px;
    margin: 50px auto 0 auto;
    text-align: center;
}
/* title3 */
.title4{
    padding: 150px 0 80px 0;
    text-align: center;
    position: relative;
}
.title4 em {
    font-size: 150px;
    line-height: 73px;
    opacity: .7;
    text-transform: uppercase;
    color: #edecec;
    letter-spacing: -6px;
}
.title4 h2 {
    font-size: 45px;
    color: #222000;
    line-height: 44px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 29%;
}
.title4>p{
    font-size: 25px;
    color: #333;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 48%;
}
.title4 a{
    width: 260px;
    height: 75px;
    background-color: #ff5400;
    color: #fff;
    line-height: 75px;
    font-size: 28px;
    display: block;
    border-radius: 10px;
    margin: 80px auto 0 auto;
}
/* banner */

.index_banner {
    margin-top: 53px;
    position: relative;

}

.index_banner .swiper-container {

    width: 100%;

    height: 100%;

}

.index_banner .swiper-slide {

    background-position: center;

    background-size: cover;

}

.index_banner img{
    width: 100%;
    display: block;
}
.index_banner .swiper-pagination-bullet{
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 100%;
    opacity: 0.95;

}
.index_banner .swiper-pagination-white .swiper-pagination-bullet-active{

    background: #683c19;

    border-radius: 10px;

    width: 10px;

    opacity: 1;

    border:0;

}
.login{
    position: absolute;
    bottom: 20px;
    left: 0;
}
.login.flex{
    justify-content: center;
    width: 100%;
}
.login a{
    width: 35%;
    margin: 0 5px;
    text-align: center;
    line-height: 35px;
    display: block;
    font-size: 14px;
    color: #ff5400;
    border: 1px solid #ff5400;
    border-radius: 5px;
}
.login a:nth-child(2){
    background-color: #ff5400;
    color: #fff;
}
.login2{
    position: fixed;
    z-index: 20;
    background-color: #fff;
    padding: 10px 0;
    bottom: 0;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.05);
}
/* 图片上下动 */

@keyframes aniTop{

    0% {transform:translateY(0);}

    100% {transform:translateY(-15px);}

}
/* 平台能力 */
.c1{
    padding-bottom: 50px;
}
.c1 .c1-ys{
    padding: 10px 0 0 0;
}
.c1 .c1-ys .c1-ys-box{
    padding: 10px 0 50px 0;
}
.c1 .c1-ys .c1-ys-1{
    box-sizing: border-box;
    border-radius: 20px;
    cursor: pointer;
    border: 3px solid #fff;
    height: 280px;
    background-position: 50% 50%;
}
.c1-ys .swiper-slide.nl-1 .c1-ys-1{
    transition: all 1.2s cubic-bezier(0,0,.2,1);
    background: url(../images/pt-1.png)#faf9f9 no-repeat right bottom;
    background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-2 .c1-ys-1{
    transition: all 1.2s cubic-bezier(0,0,.2,1);
    background: url(../images/pt-2.png)#faf9f9 no-repeat right bottom;
    background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-3 .c1-ys-1{
    transition: all 1.2s cubic-bezier(0,0,.2,1);
    background: url(../images/pt-3.png)#faf9f9 no-repeat right bottom;
    background-size: 100% auto;
}
.c1-ys  .swiper-slide.nl-4 .c1-ys-1{
    transition: all 1.2s cubic-bezier(0,0,.2,1);
    background: url(../images/pt-4.png)#faf9f9 no-repeat right bottom;
    background-size: 100% auto;
}
.c1-ys  .swiper-slide.nl-5 .c1-ys-1{
    transition: all 1.2s cubic-bezier(0,0,.2,1);
    background: url(../images/pt-5.png)#faf9f9 no-repeat right bottom;
    background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-6 .c1-ys-1{
    transition: all 1.2s cubic-bezier(0,0,.2,1);
    background: url(../images/pt-6.png)#faf9f9 no-repeat right bottom;
    background-size: 100% auto;
}
.c1 .c1-ys .c1-ys-1 a{
    border-radius: 20px;
    display: block;
    padding: 40px 20px 20px 20px;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t{
    text-align: left;
    min-height: 153px;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t h4{
    color: #ea5b24;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: myFont5;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t h5{
    color: #ea5b24;
    font-size: 10px;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t h6{
    color: #ea5b24;
    font-size: 14px;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t div{
    width: 40px;
    height: 5px;
    border: 1px solid #ea5b24;
    display: block;
    margin: 30px 0px;
    box-sizing: border-box;
    position: relative;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t div i{
    width: 0;
    height: 100%;
    background-color: #ea5b24;
    display: block;
    transition: all .3s cubic-bezier(0,0,.2,1);
}
.c1 .c1-ys .c1-ys-1 .c1-ys-b p{
    font-size: 14px;
    color: #ec7446;
    opacity: 1;
    text-align: justify;
    transform: translateY(20px);
    transition: opacity .2s cubic-bezier(0,0,.2,1), transform .6s cubic-bezier(0,0,.2,1);
}
/*按钮*/
.c1-ys .swiper-pagination{
    text-align: center;
    margin-bottom: -25px;
    bottom: 29px !important;
    width: 100%;
}
.c1-ys .swiper-pagination .swiper-pagination-bullet{
    width: 28px;
    height: 4px;
    background:#e3e3e3;
    border-radius: 50px;
    margin:0 5px !important;
    opacity: 1;
}
.c1-ys .swiper-pagination .swiper-pagination-bullet-active{
    position: relative;
    width: 65px;
    height: 4px;
    background:#ea5b24;
}
/* 平台优势 */
.c2{
    background: url(../images/ys.png)#f7f7f7 no-repeat;
    padding-bottom: 60px;
    background-size: cover;
}
.c2 .c2-ys-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 0px;
}
.c2 .c2-ys-box a{
    padding: 30px 10px 20px 10px;
    display: block;
}
.c2 .c2-ys-box .ys-box{
    box-shadow: 0px 1px 20px 9px #f1f1f1;
    cursor: pointer;
}
.c2 .c2-ys-box .ys-box:nth-child(1){
    background: url(../images/ys1.png) #ffffff no-repeat right bottom;
    background-size: 100%  auto;
    border-top-left-radius: 15px;
}
.c2 .c2-ys-box .ys-box:nth-child(3){
    background: url(../images/ys3.png) #ffffff no-repeat right bottom;
    background-size: 100%  auto;
    border-bottom-left-radius: 15px;
}
.c2 .c2-ys-box .ys-box:nth-child(4){
    background: url(../images/ys4.png) #ffffff no-repeat left bottom;
    background-size: 100%  auto;
    text-align: right;
    border-bottom-right-radius: 15px;    
}
.c2 .c2-ys-box .ys-box:nth-child(2){
    background: url(../images/ys2.png) #ffffff no-repeat left bottom;
    background-size: 100%  auto;
    text-align: right;
    border-top-right-radius: 15px;
}
.c2 .c2-ys-box .ys-box h2{
    font-size: 18px;
    font-family: 'myFont5';
    color: #222;
    margin-bottom: 15px;
    position: relative;
    z-index: 9;
    padding-left: 8px;
    padding-right: 8px;
}
.c2 .c2-ys-box .ys-box:nth-child(1) h2::after,.c2 .c2-ys-box .ys-box:nth-child(3) h2::after{
    content: "";
    left: 0;
    top: 4px;
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: -1;
    border-radius: 50%;
    background-image: linear-gradient(to right, #f29b7a, #fce8e0);
}
.c2 .c2-ys-box .ys-box:nth-child(2) h2::after,.c2 .c2-ys-box .ys-box:nth-child(4) h2::after{
    content: "";
    right: 0;
    top: 4px;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #fce8e0, #f29b7a);
    z-index: -1;
}
.c2 .c2-ys-box .ys-box:nth-child(1):hover,.c2 .c2-ys-box .ys-box:nth-child(3):hover{
    background-color: #ff9259;
    box-shadow: 1px 2px 20px 10px #ffe5d9;
}
.c2 .c2-ys-box .ys-box:nth-child(2):hover,.c2 .c2-ys-box .ys-box:nth-child(4):hover{
    background-color: #ff9259;
    box-shadow: 1px 2px 20px 10px #ffe5d9;
}
.c2 .c2-ys-box .ys-box p{
    font-size: 13px;
    color: #626262;
    text-align: justify;
}
.c2 .ys-icon{
    width: 200px;
    height: 200px;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
    border-radius: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c2 .c2-ys-box .ys-box:hover p,.c2 .c2-ys-box .ys-box:hover h2{
    color: #fff;
}
.c2 .c2-ys-box .ys-box:hover h2::after{
    background-image: linear-gradient(to right, #ffd7c2, #ff9259);
}
.c2 .c2-ys{
    position: relative;
}
.c2 .ys-icon i{
    z-index: 99;
}
.c2 .ys-icon i img{
    width: 80%;
    margin: 0 auto;
}
/*光圈*/
.c2 .ys-icon>div{
    width: 200px;
    height: 200px;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}
.c2 .ys-icon>div p{
  border:4px solid #ff7329;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  animation: myfirst 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.c2 .ys-icon>div span{
  position: absolute;
  display: block;
  border:.4px solid #ff7329;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  animation: myfirst 2s infinite;
  box-shadow: 0px 0px 4px #ffb993;
  animation-delay:0.5s;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
@keyframes myfirst{
  0%{transform:scale(1);
    -webkit-transform:scale(1);
    opacity:1;-webkit-opacity:1;
}
  100%{ transform:scale(5);
    -webkit-transform:scale(5);
    opacity:0;-webkit-opacity:0;}
}
/*新光圈效果*/
.live-logo-box{
    position: absolute;
    left: 50%;
    top: 0;
    margin: auto;
}
.live div img{
    width: 80%;
    margin: 0 auto;
}
.live-box {
    position: absolute;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    left: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #ffecdf;
    border-radius: 50%;
    border: 4px solid #fff;
    box-sizing: border-box;
}
.live {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.live div {
    width: 80px;
    height: 80px;
    z-index: 9;
    justify-content: center;
    align-items: center;
    display: flex;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
    border-radius: 50%;
}
.live i {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
    border-radius: 50%;
    -webkit-animation: animate 4s linear infinite;
}
.live i:nth-child(1) {
    -webkit-animation-delay: 1s;
}
.live i:nth-child(2) {
    -webkit-animation-delay: 3s;
}
@keyframes animate{
    0% {
        transform: scale(0);
        opacity: 0.0;
        background: #ffb270;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.5;
    }
    100% {
        transform: scale(2.1);
        opacity: 0;
    }
}
/*产品方案*/
.c3{
    padding-bottom: 60px;
}
.c3 .c3-product{
    background: url(../images/ff-bg.png)#fff no-repeat left top;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0px 2px 20px 9px #f1f1f1;
    border: 3px solid #fff;
    background-size: cover;
}
.c3 .c3-product .c3-product-type{
    width: 100%;
}
.c3 .c3-product .c3-product-type ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 10px;
}
.c3 .c3-product .c3-product-type ul li{
    font-size: 20px;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    transition: .5s;
    padding: 30px 0 50px 0px;
    position: relative;
    border: 4px solid #fff0;
    box-sizing: border-box;
}
.c3 .c3-product .c3-product-type ul li a{
    display: block;
    color: #222;
    font-family: myFont5;
}
.c3 .c3-product .c3-product-type ul li::after{
    width: 5px;
    height: 5px;
    background: #ea5b24;
    content: "";
    display: block;
    left: 52px;
    position: absolute;
    border-radius: 5px;
    top: 70px;
    opacity: 0;
    transition: .5s;
}
.c3 .c3-product .c3-product-type ul li::before{
    width: 44px;
    height: 3px;
    background: #ea5b24;
    content: "";
    display: block;
    left: 62px;
    position: absolute;
    border-radius: 5px;
    top: 70px;
    opacity: 0;
    transition: .5s;
}
.c3 .c3-product .c3-product-type ul li:hover,.c3 .c3-product .c3-product-type ul li.type-active{
    background: rgb(255 255 255 / 75%);
    border: 4px solid #ffffff61;
    box-sizing: border-box;
    box-shadow: 0px 6px 11px 0px #b3b3b357;
}
.c3 .c3-product .c3-product-type ul li:hover::before,.c3 .c3-product .c3-product-type ul li:hover:before,.c3 .c3-product .c3-product-type ul li.type-active:before,.c3 .c3-product .c3-product-type ul li.type-active:after{
    opacity: 1;
}
.c3 .c3-product .c3-product-type ul li:hover a,.c3 .c3-product .c3-product-type ul li.type-active a{
    color: #ea5b24;
}
.c3 .c3-product .c3-product-box{
    width: 100%;
    position: relative;
    display: none;
    padding: 20px 15px;
    box-sizing: border-box;
}
.c3 .c3-product .c3-product-box .c3-product-txt{
    width: 100%;
}
.c3 .c3-product .c3-product-box .c3-product-img{
    width: 58%;
    right: -55px;
    position: absolute;
    height: 100%;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .5s;
}
.c3-product-hover{
    display: none;
    position: relative;
    width: 90%;
    height: 99%;
}
.c3 .c3-product .c3-product-box .c3-product-img img{
    width: 90%;
}
.c3 .c3-product .c3-product-box .c3-product-txt h2{
    font-size: 20px;
    color: #222;
    font-weight: 700;
}
.c3 .c3-product .c3-product-box .c3-product-txt h2.active{
    color: #ea5b24;
}
.c3 .c3-product .c3-product-box .c3-product-txt p{
    color: #444444;
    font-size: 14px;
    text-align: justify;
    min-height: 85px;
    margin-bottom: 10px;
    line-height: 1.8;
}
.c3 .c3-product-txt>a{
    font-size: 14px;
    color: #ea5b24;
    font-weight: bold;
    text-decoration: underline;
    margin-right: 30px;
}
.c3 .c3-product .c3-product-box .c3-product-icon{
    margin-bottom: 20px;
}
.c3 .c3-product .c3-product-box .c3-product-icon em{
    width: 30%;
    display: block;
    height: 30px;
    background: #fff;
    box-shadow: 5px 5px 20px 4px #61616114;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 5px;
    color: #444444;
    cursor: pointer;
}
.c3 .c3-product .c3-product-box .c3-product-icon em:hover,.c3 .c3-product .c3-product-box .c3-product-icon em.active{
     box-shadow: 1px 6px 20px 4px #ff54002e;
}
.c3 .c3-more{
    font-size: 14px;
    color: #ea5b24;
    font-weight: bold;
    text-decoration: underline;
}
.c3 .c3-product .c3-product-box .c3-product-href{
    display: flex;
    justify-content: left;
}
.c3 .c3-product .c3-product-box .c3-product-href a{
    width: 145px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: linear-gradient(to bottom right, #ff5400, #f79239);
    margin-right: 40px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;

}
/*背景图片*/
.c3-product-img .c3-product-hover video{
    background: #222;
    display: block;
    width: 65%;
    height: 84%;
    object-fit: cover;
    z-index: 1;
    overflow: hidden;
    left: 4px;
    top: 21px;
    position: absolute;
    border-radius: 20px;
}
.phone-shadow{
    width: 100%;
    height: 100%;
    background: url(../images/phone-shadow.png) no-repeat;
    z-index: 2;
    position: absolute;
    top: 10px;
    background-size: cover;
}
/*广告形式*/
.c7{
    background: url(../images/gg-bg.png)#f7f7f7 no-repeat top right;
    padding-bottom: 30px;
    background-size: cover;
}
.c7 .c7-xs{
    align-items: flex-start;
}
.c7 .c7-xs-left{
    width: 50%;
    display: none;
    margin: 0 auto;
    min-height: 390px;
}
.c7 .c7-xs-left img{
    width: 100%;
}
.c7 .c7-xs-right{
    width: 100%;
}
.c7 .c7-xs-right ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 10px;
    margin-bottom: 30px;
}
.c7 .c7-xs-right ul li{
    line-height: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #f8e8db;
}
.c7 .c7-xs-right ul li a{
    font-size: 14px;
    font-family: myFont3;
    color: #222;
    text-align: center;
    display: block;
}
.c7 .c7-xs-right ul li:hover,.c7 .c7-xs-right ul li.type-active{
    box-shadow: 0px 2px 20px 9px #fbeadd;
}
.c7 .c7-xs-right ul li:hover a{
    color: #ea5b24;
}
.c7 .c7-xs-right h5{
    font-family: myFont3;
    font-size: 20px;
    color: #222;
    text-align: center;
    margin: 20px 0 10px 0;
}
.c7 .c7-xs-right p{
    color: #666666;
    font-size: 14px;
}
.c7-xs-btn{
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c7-xs-btn .c7-xs-er{
    
}
.c7-xs-btn a{
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-image: linear-gradient(to bottom right, #ff5400, #f79239);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    margin: 0 20px;
    width: 120px;
}
.c7 .c7-xs-right .c7-xs-txt{
    min-height: 110px;
}
.c7-xs-hide{
    display: none;
}
/*客户案例*/
.c8{
    margin-bottom: 50px;
}
.c8 .c8-case-l{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px 10px;
}
.c8 .c8-case-l a{
    transition: .5s;
    color: #8a8a8a;
    font-size: 18px;
    margin-bottom: 30px;
    padding: 5px 0;
    position: relative;
    text-align: center;
}
.c8 .c8-case-l a::after{
    position: absolute;
    content: "";
    left: 0;
    background: url(../images/hover.png) no-repeat center;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    background-size: 100% 100%;
    width: 24px;
    height: 8px;
    opacity: 0;
}
.c8 .c8-case-l a i{
    width: 60px;
    height: 50px;
    transition: .5s;
}
.c8 .c8-case-l a.active,.c8 .c8-case-l a.active::after{
    color: #ff9259;
    opacity: 1;
}
.c8 .c8-case-c h2{
    font-size: 20px;
    color: #222;
    font-family: myFont3;
    text-align: center;
}
.c8 .c8-case-c .c8-case-txt{
    margin: 20px 0 0 0;
    min-height: 60px;
}
.c8 .c8-case-c .c8-case-txt p{
    font-size: 14px;
    color: #666666;
}
.c8 .c8-case-c>i{
    width: 57px;
    display: block;
    height: 3px;
    background: #a5a5a5;
    margin-bottom: 30px;
}
.c8 .c8-case-c .c8-case-numbox{
    margin: 20px 0 30px 0;
}
.c8 .c8-case-c .c8-case-num{
    margin: 0 30px;
}
.c8 .c8-case-c .c8-case-num b{
    font-size: 25px;
    color: #ea5b24;
    font-family: myFont5;
}
.c8 .c8-case-c .c8-case-num i{
    font-size: 25px;
    color: #ea5b24;
    font-family: myFont5;
}
.c8 .c8-case-c .c8-case-num p{
    color: #b2b2b2;
    font-size: 14px;
}
.c8 .c8-case-c .c8-case-txt1{
    min-height: 100px;
}
.c8 .c8-case-c .c8-case-txt1 p{
    color: #959595;
    font-size: 16px;
}
.c8 .c8-case-c .c8-case-more{

}
.c8 .c8-case-c .c8-case-more a{
    width: 145px;
    display: block;
    margin-right: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: linear-gradient(to right, #ea5b24, #ef8519);
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
}
.c8-show{
    display: none;
}
.c8-show .c8-black{
    width: 100%;
}
/*案例轮播*/
.Main-Content{
    width: 100%;
    margin-bottom: 20px;
}
.Main-Content ul{
    display: flex;
    justify-content: center;
}
.Main-Content ul li{
    margin: 0 10px;
    width: 40%;
}
.Main-Content ul li img{
    width: 100%;
    border-radius: 28px;
}
/*新闻中心*/
.c9{
    background: url(../images/news-bg.png)no-repeat;
    padding-bottom: 50px;
    background-size: cover;
}
.c9 .c9-news{
    
}
.c9 .c9-news .c9-news-l{
    width: 100%;
}
.c9 .c9-news .c9-news-img{
    color: #fff;
    border-radius: 10px;
    padding: 50px 30px;
    cursor: pointer;
    transition: .5s;
    margin-bottom: 20px;
    
}
.c9 .c9-news .c9-news-l:nth-child(1) .c9-news-img{
    background: url(../images/xw-h.png)no-repeat center center;
    background-size: cover;
}
.c9 .c9-news .c9-news-l:nth-child(2) .c9-news-img{
    background: url(../images/xw-h1.png)no-repeat center center;
    background-size: cover;
}
.c9 .c9-news .c9-news-l:nth-child(3) .c9-news-img{
    background: url(../images/xw-h2.png)no-repeat center center;
    background-size: cover;
}
.c9 .c9-news .c9-news-l .c9-news-img:hover{
    background: url(../images/xw.png)no-repeat center center;
    background-size: cover;
}
.c9 .c9-news .c9-news-img h5{
    font-size: 20px;
    margin-bottom: 5px;
    font-family: myFont5;
    color: #333;
}
.c9 .c9-news .c9-news-img p{
    font-size: 14px;
    color: #222;
}
.c9 .c9-news .c9-news-img p a{
    font-size: 14px;
    color: #ea5b24;
}
.c9 .c9-news .c9-news-img:hover a{
    color: #fff;
}
.c9 .c9-news .c9-news-img:hover h5,.c9 .c9-news .c9-news-img:hover p{
    color: #fff;
}
.c9 .c9-news-l ul li{
    margin-bottom: 10px;
}
.c9 .c9-news-l ul li a{
    justify-content: space-between;
}
.c9 .c9-news-l ul li.c9-news-2 h2{
    font-size: 14px;
    width: 73%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222;
}
.c9 .c9-news-l ul li .c9-news-time{
    font-size: 14px;
    color: #787878;
    width: 23%;
}
.c9 .c9-news-l ul li .c9-news-txt{
    width: 78%;
}
.c9 .c9-news-l ul li.c9-news-1 h2{
    font-size: 17px;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.c9 .c9-news-l ul li i{
    font-size: 22px;
    color: #ea5b24;
    padding-right: 5px;
}
.c9 .c9-news-l ul li img{
    width: 20px;
    padding-right: 5px;
}
.c9 .c9-news-l ul li a:hover h2{
    color: #ea5b24;
}
/*合作伙伴*/
.c4{
    padding-bottom: 50px;
}
.c4 .honnr1-box,.c4 .honnr2-box,.c4 .honnr3-box{
    /*display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 10px;*/
    margin: 5px 0;
}
.c4 .honnr1,.c4 .honnr2,.c4 .honnr3{

}
.c4 .c4-honnr{
    position: relative;
}
.c4 .c4-honnr ul li{
    width:120px !important;
    box-sizing: border-box;
    transition: all 0.6s ease;
    cursor: pointer;
    margin: 0 5px;
    padding: 6px 0;
} 
.c4 .c4-honnr ul li img{
    margin: 0 auto;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 20px 0px #f2f2f2 !important;
    width: 100%;
    border-radius: 5px;
    height: 75px;
    object-fit: cover;
    transition: all 0.6s ease;
}
/*.c4 .c4-honnr-bgcolor-left{
    position: absolute;
    left: 0;
    top: -10px;
    background-image: linear-gradient(81deg, #fff 32%, hsla(0, 0%, 100%, 0));
    width: 400px;
    height: 500px;
    max-height: 550px;
    z-index: 99;
}
.c4 .c4-honnr-bgcolor-right{
    right: 0;
    position: absolute;
    top: -10px;
    background-image: linear-gradient(303deg, #fff 33%, hsla(0, 0%, 100%, 0));
    width: 400px;
    height: 500px;
    max-height: 550px;
    z-index: 99;
}*/
.c4 .bd .tempWrap{
    width: 100% !important;
}
/*收益计算器*/
.c5{
        background-color: #fafafa;
    padding-bottom: 50px;
}
.c5 .c5-box{
    position: relative;
    z-index: 9;
}
.c5 .c5-num,.c5 .c5-qu{
    background-color: #fff;
    border-radius: 20px;
}
.c5 .c5-num{
    padding: 0 20px 50px 20px;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 10px 12px 20px 4px #5e250914;
}
.c5 .c5-qu{
    position: absolute;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-sizing: border-box;
    padding: 0 50px 50px 50px;
    width: 62%;
    box-shadow: 0 0px 20px 4px #5e250914;
}
.c5 .c5-num h5,.c5 .c5-qu h5{
    font-size: 20px;
    text-align: center;
    color: #333;
    padding: 20px;
    font-family: myFont5;
}
.c5 .c5-ber{
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 30px 0;
    background: url(../images/c5-bg1.png)#f6f8fd no-repeat center bottom;
    background-size: cover;
}
.c5 .c5-ber p{
    font-size: 20px;
}
.c5 .c5-ber h2{
    font-size: 30px;
    font-family: myFont3;
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}
.c5 .c5-num input{
    background-color: #f2f2f5;
    color: #333333;
    padding-left: 12px;
    width: 100%;
    box-sizing: border-box;
    line-height: 50px;
    border-radius: 5px;
    margin: 20px 0;
    font-size: 16px;
    border: none;
}
.c5 .c5-num ul li{
    line-height: 50px;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.c5 .c5-num ul li span{
    font-size: 16px;
}
.c5 .c5-num ul li em{
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 63%;
    text-align: right;
    font-style: initial;
}
.c5 .c5-num ul li em i{
    font-size: 20px;
    color: #ff5400;
    font-family: myFont5;
    font-style: initial;
}
.c5 .c5-num button{
    width: 100%;
    height: 45px;
    border-radius: 50px;
    margin-top: 26px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    background: #ff5400;
    border: none;
}
.c5 .c5-num button:hover,.c3 .c3-txt a:hover{
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
}
.c5 .c5-qu img{
    width: 100%;
}
/* sdk广告 */
.c6{
    background: url(../images/c6-bg.png) #f5f5f5 no-repeat center center;
    padding: 50px 0;
    background-size: cover;
}
.c6 .sdk-box h2{
    font-size: 20px;
    text-align: center;
    color: #222;
    font-family: myFont5;
    margin-bottom: 10px;
}
.c6 .sdk-box p{
    text-align: center;
    letter-spacing: 1px;
    font-size: 20px;
    text-transform: uppercase;
    color: #999;
    
}
.c6 .sdk-box a{
    width: 120px;
    height: 35px;
    background-color: #ff5400;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    display: block;
    border-radius: 5px;
    margin: 30px auto 0 auto;
    text-align: center;
}
/* 内页banner */

.ny-banner{

    width: 100%;

    height: 100%;

}

.ny-ba{

    position: relative;

    background-position: center;

    background-size: cover;

    justify-content: center;

    align-items: center;

    display: flex;

}

.ny-banner .ny-ba>img{
    width: 100%;
    max-width: 100%;
    height: 15rem;
    object-fit: cover;
}

.ny-banner .ba_box{

    position: absolute;

    vertical-align: middle;

    left: 0;

    width: 100%;

    box-sizing: border-box;

    text-align: left;

}

.ny-banner .ba_box h5{

    font-size: 48px;

    color: #333333;

    margin-bottom: 30px;

}
.ny-banner .ba_box h1{
    font-size: 20px;
    color: #333333;
    font-family: myFont5;
    margin-bottom: 10px;
}

.ny-banner .ba_box p{
    color: #333;
    font-size: 14px;
    text-align: justify;
    width: 100%;
    margin-bottom: 20px;
}
.ny-banner .ba_box p span{
    font-size: 14px !important;
}
.ny-banner .ba-btn{
    justify-content: flex-start;
}
.ny-banner .ba-btn>a{
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: block;
    margin-right: 30px;
    background-image: linear-gradient(to bottom right, #ff5400, #f79239);
    transition: .5s;
}
.ny-banner .ba-btn>a:hover{
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
    transform: translateY(-2px);
}
.ny-banner .nybanner-er a{
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #ea5b24;
    text-align: center;
    border-radius: 5px;
    display: block;
    margin-right: 30px;
    border: 1px solid #ea5b24;
    transition: .5s;
}
.ny-banner .nybanner-er a:hover{
    color: #fff;
    background-image: linear-gradient(to bottom right, #ff5400, #f79239);
    transform: translateY(-2px);
}
.nybanner-er img{
    width: 150px;
}
/*聚合sdk内容*/
.sdk_ys{
    padding: 50px 0 0 0;
}
.bag-color{
    background-color: #fafafa;
}
.sdk_ys .sdk_ys_l{
    width: 100%;
    margin-bottom: 50px;
}
.sdk_ys .sdk_ys_l h3{
    color: #222;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: center;
    justify-content: end;
    font-family: myFont3;
}
.sdk_ys .sdk_ys_l span{
    color: #666666;
    font-size: 14px;
    display: block;
    text-align: center;
}
.sdk_ys .sdk_ys_l p{
    color: #222;
    text-align: justify;
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.5;
}
.sdk_ys .sdk_ys_l a{
    width: 240px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 22px;
    border: 2px solid #ff5400;
    line-height: 60px;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all 0.6s ease;
}
.sdk_ys .sdk_ys_l a:hover{
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
    color: #fff;
    border: 2px solid #fff;
}
.sdk_ys .sdk_ys_r{
    width: 100%;
}
.sdk_ys .sdk_ys_r img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    -webkit-animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    will-change: transform;
}
/* 图片上下动 */
@keyframes aniTop{
    0% {transform:translateY(0);}
    100% {transform:translateY(-15px);}
}
/*芒果内容SDK*/
.bg-img{
    background: url(../images/nr-bg3.png) no-repeat center center;
    padding: 0 0 30px 0;
}
.bg-img1{
    position: relative;
}
.bg-img1::after{
    content: "";
    position: absolute;
    top: 0;
    background: url(../images/nr-bg2.png) #fff no-repeat top center;
    padding: 0 0 30px 0;
    background-position: top;
    width: 100%;
    height: 50%;
    z-index: -1;
}
.bg-img1::before{
    content: "";
    position: absolute;
    bottom: 0;
    background: url(../images/nr-bg5.png) #fff no-repeat bottom center;
    padding: 0 0 30px 0;
    background-position: top;
    width: 100%;
    height: 28%;
    z-index: -1;
}
.nr-sdk2{
    background: url(../images/nr-bg1.png) #fff no-repeat bottom right;
    background-position: right bottom;
}
.nr-sdk1-title h3{
    display: flex !important;
    align-items: center;
}
.nr-sdk1-title h3 img{
    width: 25px;
    margin-left: 5px;
    animation: rotation 10s linear infinite;
}
.nr-sdk2 .nr-sdk2-box{
    position: relative;
    width: 100%;
}
.nr-sdk2 .nr-sdk2-left{
    position: relative;
}
.nr-sdk2 .nr-sdk2-left::after{
    content: "";
    position: absolute;
    left: 0;
    height: 150px;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    z-index: 1;
    top: 25%;
    width: 100%;
    background: url(../images/nr-bg.png) #fff1e2 no-repeat left center;
}
.nr-sdk2-bg{
    z-index: 9;
    position: relative;
}
.nr-sdk2-bg h3{
    position: absolute;
    left: 0;
    top: 7%;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #222;
    font-family: 'myFont3';
}
.nr-sdk2-bg h3 img{
    width: 22px;
    margin-left: 5px;
    animation: rotation 10s linear infinite;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2{
    position: relative;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li:first-child p{
    opacity: 1;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li p{
    width: 58%;
    color: #222;
    font-size: 14px;
    opacity: 0;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li .nr-imm{
    width: 42%;
    padding: 0 0;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li img{
    width: 100%;
}
.nr-sdk2 .nr-sdk2-right{
    width: calc((100% - 1200px) / 2);
}
/*箭头*/
.nrsdk2 .swiper-button-prev{
    left: auto;
    width: 22px;
    height: 40px;
    background-image: url(../images/nr-left.png);
    left: 710px;
    bottom: 30px;
    cursor: pointer;
    background-size: 100% auto;
}
.nrsdk2 .swiper-button-next{
    width: 22px;
    height: 40px;
    background-image: url(../images/nr-right.png);
    right: 60px;
    bottom: 30px;
    cursor: pointer;
    background-size: 100% auto;
}
/*小程序页面*/
.xcx-ys .xcx-ys-box{
    padding-bottom: 60px;
}
.xcx-ys .xcx-ys-box ul{
    
}
.xcx-ys .xcx-ys-box ul li{
    border-radius: 10px;
    padding: 20px 10px;
    cursor: pointer;
    box-sizing: border-box;
}
.xcx-ys .xcx-ys-box ul li.xcx1{
    background: url(../images/xc-sy1.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li.xcx2{
    background: url(../images/xc-sy2.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li.xcx3{
    background: url(../images/xc-sy3.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li.xcx4{
    background: url(../images/xc-sy4.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li h3{
    color: #222;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.xcx-ys .xcx-ys-box ul li h3 i{
    width: 30px;
    height: 22px;
    display: block;
    transition: .5s;
}
.xcx-ys .xcx-ys-box ul li.xcx1 h3 i{
    background: url(../images/xc10-hover.png) no-repeat;
    background-size: 70%;
}
.xcx-ys .xcx-ys-box ul li.xcx2 h3 i{
    background: url(../images/xc11-hover.png) no-repeat;
    background-size: 70%;
}
.xcx-ys .xcx-ys-box ul li.xcx3 h3 i{
    background: url(../images/xc12-hover.png) no-repeat;
    background-size: 70%;
}
.xcx-ys .xcx-ys-box ul li.xcx4 h3 i{
    background: url(../images/xc13-hover.png) no-repeat;
    background-size: 70%;
}
.xcx-ys .xcx-ys-box ul li p{
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
    color: #333;
}
/*按钮*/
.xcx-ys-box .swiper-pagination{
    text-align: center;
    margin-bottom: -25px;
    bottom: 48px !important;
    width: 100%;
}
.xcx-ys-box .swiper-pagination .swiper-pagination-bullet{
    width: 28px;
    height: 4px;
    background:#e3e3e3;
    border-radius: 50px;
    margin:0 5px !important;
    opacity: 1;
}
.xcx-ys-box .swiper-pagination .swiper-pagination-bullet-active{
    position: relative;
    width: 65px;
    height: 4px;
    background:#ea5b24;
}
/*接入模式*/
.xcx-jr{
    padding: 50px 0;
    background: url(../images/xc-bg2.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.xcx-jr .xcx-jr-l{
    width: 100%;
    padding-bottom: 30px;
}
.xcx-jr .xcx-jr-l h3{
    font-size: 20px;
    font-family: myFont3;
    color: #222;
    margin-bottom: 20px;
}
.xcx-jr .xcx-jr-l h3 em{
    color: #ea5b24;
}
.xcx-jr .xcx-jr-l p{
    font-size: 14px;
    line-height: 35px;
    color: #666666;
}
.xcx-jr .xcx-jr-l .xcx-icon{
    
}
.xcx-jr .xcx-jr-l .xcx-icon p{
    position: relative;
    padding-left: 15px;
}
.xcx-jr .xcx-jr-l .xcx-icon p::after{
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    width: 10px;
    border-radius: 50px;
    height: 10px;
    background: #7ccf56;
}
.xcx-jr .xcx-jr-r{
    width: 100%;
}
.xcx-jr .xcx-jr-r .xcx-jr-img img{
    width: 100%;
    animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    -webkit-animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    will-change: transform;
}
/*广告形式*/
.xcx-xs{
    
}
.xcx-xs .xcx-bg1{
    background: url(../images/xcx-xs-bg.png) no-repeat center right;
    background-position: right;
}
.xcx-xs .xcx-type{
    margin-bottom:30px;
}
.xcx-xs .xcx-type>div{
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
}
.xcx-xs .xcx-type a{
    display: block;
    position: relative;
}
.xcx-xs .xcx-type a::after{
    position: absolute;
    left: 0;
    content: "";
    width: 0;
    bottom: 0;
    height: 2px;
    background-color: #ea5b24;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
}
.xcx-xs .xcx-type a:hover::after,.xcx-xs .xcx-type a.active::after{
     width: 100%;
}
.xcx-xs .xcx-type img{
    margin: 0 auto;
    max-height: 30px;
    transition: .5s;
}
.xcx-xs .xcx-type a:hover img{
    transform: translateY(-8px);
}
.xcx-xs .xcx-type h3{
    margin-bottom: 10px;
    font-size: 14px;
    color: #222;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-hover{
    display: none;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-hover>div.flex{
    padding: 0 100px;
}
.xcx-xs .xcx-xs-bg2{
    background: url(../images/xc-2.png) no-repeat bottom left;
    background-position: left;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-l{
    width: 75%;
    margin: 0 auto 20px auto;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r{
    width: 100%;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-l img{
    width: 100%;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r p{
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 35px;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r p:last-child{
    margin-bottom: 0;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r p::after{
    position: absolute;
    content: "";
    left: 0;
    top: 6px;
    width: 10px;
    border-radius: 50px;
    height: 10px;
    background: #7ccf56;
}

/*接入流程*/
.xcx-lc{
    margin-bottom: 50px;
}
.xcx-lc .xcx-lc-box{

    box-sizing: border-box;
}
.xcx-lc .xcx-lc-box ul li{
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
}
.xcx-lc .xcx-lc-box ul li i{
    font-size: 30px;
    display: block;
    margin: 0 auto;
    width: 60px;
    margin-bottom: 20px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(to bottom right, #f96c32, #feb16c);
    position: relative;
}
.xcx-lc .xcx-lc-box ul li i::after{
    position: absolute;
    top: 26px;
    content: "";
    left: 65px;
    background: url(../images/xc-jt.png) no-repeat;
    width: 50px;
    height: 20px;
    background-size: 60%;
}
.xcx-lc .xcx-lc-box ul li:last-child i::after{
    display: none;
}
.xcx-lc .xcx-lc-box ul li.xcx-hover i{
    transition: .5s;
}
.xcx-lc .xcx-lc-box ul li.xcx-hover:hover i{
    -webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);
    transition: -webkit-transform 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}
.xcx-lc .xcx-lc-box ul li h3{
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    color: #222;
}
.xcx-lc .xcx-lc-box ul li p{
    font-size: 12px;
    color: #666666;
    text-align: center;
}
/*客户案例*/
.xcx-ke{
    background: url(../images/xc-bg4.png) no-repeat center center;
    padding: 0 0 50px 0;
}
.xcx-ke .xcx-ke-box{
    cursor: pointer;
    box-shadow: 0 4px 20px rgb(0 0 0 / 4%);
    border-radius: 15px;
}
.xcx-ke ul li{
    
}
.xcx-ke .xcx-ke-box-l{
    background: #fff;
    padding: 30px 15px;
    box-sizing: border-box;
}
.xcx-ke .xcx-ke-box-l h3{
    font-size: 20px;
    color: #222;
    font-family: myFont5;
    padding-left: 50px;
    position: relative;
}
.xcx-ke .xcx-ke-box-l h3::after{
    content: "";
    position: absolute;
    left: 0;
    width: 48px;
    height: 39px;
    display: block;
    top: -8px;
    background: url(../images/xcx-d.png) no-repeat center center;
    background-size: 68%;
}
.xcx-ke .xcx-ke-box-l>p{
    margin: 20px 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    text-align: justify;
}
.xcx-ke .xcx-ke-box-l em{
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    display: block;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num{
    
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1{
    margin-right: 80px;
    position: relative;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1:first-child::after{
    content: "";
    position: absolute;
    right: -43px;
    width: 1px;
    height: 38px;
    background: #e5e5e5;
    top: 20px;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1 b{
    font-size: 25px;
    color: #ea5b24;
    font-family: myFont5;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1 i{
    font-size: 20px;
    font-weight: 700;
    color: #ea5b24;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1 p{
    font-size: 14px;
    color: #999;
}
.xcx-ke .xcx-ke-box-l,.xcx-ke .xcx-ke-box-r{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.xcx-ke .xcx-ke-box-l{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.xcx-ke .xcx-ke-box-r{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.xcx-ke .xcx-ke-box-r img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}
/*按钮*/
.xcx-ke-box .swiper-pagination{
    text-align: left;
    margin-left: 15px;
}
.xcx-ke-box .swiper-pagination .swiper-pagination-bullet{
    width: 25px;
    height: 2px;
    background:#e3e3e3;
    border-radius: 50px;
    margin:0 5px !important;
    opacity: 1;
}
.xcx-ke-box .swiper-pagination .swiper-pagination-bullet-active{
    position: relative;
    width: 60px;
    height: 2px;
    background:#ea5b24;
}
/*旋转动画*/
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
/* 联系我们 */
.form{
    
}
.form ul li{
    margin-bottom: 20px;
    cursor: pointer;
}
.form ul li input{
    line-height: 60px;
    width: 100%;
    border: 1px solid #b9b8b8;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 14px;
    color: #999999;
    box-sizing: border-box;
}
.form ul li.select{
    line-height: 70px;
    cursor: pointer;
    width: 100%;
}
.form ul li.select select{
    width: 100%;
    line-height: 60px;
    height: 60px;
    color: #666;
    padding-left: 15px;
    font-size: 14px;
    border: 1px solid #b9b8b8;
    border-radius: 5px;
    background-color: #fff;
}
.form ul li:hover input{
    border: 2px solid #ff5400;
}
.form ul li.select:hover select{
    border: 2px solid #ff5400;
}
.button{
    text-align: center;
}
.submit-btn{
    font-size: 16px;
    width: 100%;
    line-height: 45px;
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
    color: #fff;
    border: 1px solid #f79239;
    border-radius: 5px;
    cursor: pointer;
}
.submit-btn:hover{
    background-image: linear-gradient(to bottom right, #ff5400, #f79239);
}
.button p{
    font-size: 16px;
    color: #333333;
    line-height: 3;
}
.lx-box ul{
    
}
.lx-box1 ul{
    display: flex;
    justify-content: center;
}
.lx-flex li{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ff5400;
    border-radius: 10px;
    margin-bottom: 30px;
}
.lx-flex li:last-child{
    margin-bottom: 0;
}
.lx-flex li h5{
    color: #ff5400;
    font-size: 28px;
    margin-bottom: 20px;
}
.lx-flex li .lx-right p{
    font-size: 16px;
    color: #222;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.lx-flex li .lx-left{
    background: url(../images/lx-bg.jpg)no-repeat center center;
    padding: 20px 20px;
    background-size: cover;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    width: 100%;
}
.lx-flex li .lx-left p{
    font-size: 14px;
    line-height: 1.5;
}
.lx-flex li .lx-left h2{
    font-size: 18px;
    margin-bottom: 10px;
}
.lx-flex li .lx-right{
    width: 100%;
    padding: 20px 10px;
    box-sizing: border-box;
    height: 100%;
}
.lx-flex li .lx-right p i{
    font-size: 25px;
    color: #666;
    margin-right: 10px;
}
.add{
    padding-bottom: 50px;
}
.add .map-l{
    width: 100%;
    margin-bottom: 30px;
}
.add .map-l h2{
    font-size: 20px;
    color: #333333;
    margin-bottom: 12px;
}
.add .map-l p{
    font-size: 16px;
    color: #333333;
    line-height: 2;
}
.add .map-r{
    width: 100%;
    border-radius: 10px;
}
/*关于我们*/
.ny-about{
    background: #f8f8f8;
}
/* 面包屑导航 */
.crumb-list {
    display: flex;
    justify-content: center;
}
.crumb-box{
    padding: 8px;
    box-shadow: 0 1px 7px rgba(0,0,0,0.1);
}
.crumb-box .crumb-list a{
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 40px;
    position: relative;
    margin: 0 25px;
}
.crumb-box .crumb-list a::after{
    width: 1px;
    height: 14px;
    background-color: #cccccc;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -25px;
}
.crumb-box .crumb-list a:last-child::after{
    display: none;
}
.crumb-box .crumb-list a.active{
    color:#ff5400;
}
.ny-about ul li{
    margin-bottom: 50px;
}
.ny-about ul li:last-child{
    margin-bottom: 0;
}
.ny-about ul li div{
    width: 100%;
}
.ny-about ul li div h2{
    font-size: 20px;
    font-family: myFont3;
}
.ny-about ul li div i{
    width: 50px;
    height: 8px;
    background-color: #ff5400;
    display: block;
    position: relative;
    border-radius: 20px;
    margin: 20px 0;
}
.ny-about ul li div i::after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ff5400;
    border-radius: 50%;
    right: -20px;
}
.ny-about ul li div p{
    text-align: justify;
    line-height: 1.5;
    font-size: 14px;
}
.ny-about ul li .ny_ab-img{
    width: 100%;
    margin-bottom: 15px;
}
.ny-about ul li .ny_ab-img img{
    width: 100%;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
/*企业文化*/
.ny-wenhua{
    background: #f8f8f8;
}
/* .ny-wenhua ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 50px;
} */
.ny-wenhua ul li{
    text-align: center;
    cursor: pointer;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    margin-bottom: 20px;
}
.ny-wenhua ul li i{
    background: #f5f4f4;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: block;
    padding: 30px 0;
}
.ny-wenhua ul li i img{
    margin: 0 auto;
    width: 60%;
}
.ny-wenhua ul li div{
    background: #fff;
    padding: 30px 20px;
    text-align: justify;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    max-height: 132px;
    /* height: 132px; */
}
.ny-wenhua ul li:hover{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}
.ny-wenhua ul li:hover div{
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
    color: #fff;
}
.ny-wenhua ul li div h2{
    font-size: 20px;
    margin-bottom: 10px;
    font-family: myFont3;
}
.ny-wenhua ul li div p{
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
}
/*环境展示*/
.ny-hj{
    background-color: #f8f8f8;
    padding-bottom: 60px;
}
.ny-huanjin .swiper-container {
    
}
.ny-huanjin .swiper-wrapper{
}
.ny-huanjin .swiper-slide {
    width:978px;
    transition-timing-function:linear;
}
@media only screen and (max-width:1200px){
    .ny-huanjin .swiper-slide {
        width:770px;
    }
}
@media only screen and (max-width:980px){
    .ny-huanjin .swiper-slide {
        width:262px;
    }
}
@media only screen and (max-height:480px){
    .ny-huanjin .swiper-slide {
        width:262px;
    }
}
.ny-huanjin .swiper-slide img{
    width:100%;
    border-radius: 10px;
}
.ny-huanjin .swiper-slide .title{
    position:absolute;
    transform:rotate(90deg);
    transform-origin:left top;
    left:-3px;
    font-size:11px;
    color: rgb(102, 102, 102);
} 
.ny-huanjin .swiper-button-next, .ny-huanjin .swiper-button-prev{
    width:86px;
    height:112px;
    background-size:86px 112px;
    margin-top:-56px;
    outline:none;
}
.ny-huanjin .swiper-button-next{
    background-image:url(../images/cursor-next.png);
}
.ny-huanjin .swiper-button-prev{
    background-image:url(../images/cursor-prev.png);
}       
.ny-huanjin .swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:9px;
    height:9px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.ny-huanjin .swiper-pagination-bullet span{
    width:3px;
    height:3px;
    background:#CCC;
    display:block;
    border-radius:50%;
    margin-top:3px;
    margin-left:3px;
}
.ny-huanjin .swiper-pagination-bullet i{
    background:#222;
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
    }
.ny-huanjin .swiper-pagination-bullet-active span,.ny-huanjin .swiper-pagination-bullet:hover span{
    width:9px;
    height:9px;
    margin-top:0;
    margin-left:0;
    background:#222;
    position:relative;
    z-index:1;
    }
.ny-huanjin .swiper-pagination-bullet-active i{
    animation:middle 6s;
    }
.ny-huanjin .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
    }
.ny-huanjin .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:last 6s;
    }               
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}       
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}
/*服务优势*/
.ys1{
    background: #f8f5f8;
}
.ys1 .ys_l{
    width: 100%;
}
.ys1 .ys_l h3,.ys4-l h5{
    color: #333;
    font-size: 20px;
    margin: 0 0 20px 0;
    font-family: myFont3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: center;
}
.ys1 .ys_l p,.ys4-l p{
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}
.ys1 .ys_l a,.ys-btn,.ys4-l a{
    width: 208px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 18px;
    border: 2px solid #ff5400;
    line-height: 46px;
    border-radius: 8px;
    box-sizing: border-box;
    transition: all 0.6s ease;
    margin: 0 auto;
}
.ys1 .ys_l a{
    margin: 50px auto 0 auto;
}
.ys1 .ys_l a:hover{
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
    color: #fff;
    border: 2px solid #fff;
}
.ys4-l a:hover{
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
    color: #fff;
    border: 2px solid #fff;
}
.ys-btn:hover{
    background-image: linear-gradient(to bottom right, #f79239, #ff5400);
    color: #fff;
    border: 2px solid #fff;
}
.ys1 .ys_r{
    width: 80%;
    margin: 0 auto;
}
.ys1 .ys_r img{
    width: 100%;
    animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    -webkit-animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    will-change: transform;
}
/* 数字权益商城 */
.sc-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    margin-top: 30px;
}
.sc-btn a:first-child {
    background-color: #fff;
    color: #333;
    border: none !important;
    margin-right: 15px;
    width: 120px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    font-size: 14px;
}
.sc-btn a:last-child{
    background-image: linear-gradient(to bottom right, #ff5400, #f79239);
    color: #fff !important;
    width: 120px;
    height: 35px;
    font-size: 14px;
    border: none !important;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
}
.sc-txt p{
    margin: 0 !important;
}
.sc-2-btn{
    width: 120px !important;
    height: 35px !important;
    line-height: 35px !important;
    background: #ff5400 !important;
    color: #ffff !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    margin-top: 30px !important;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.sc-hezuo{
    
}
.sc-hezuo ul{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px 10px;
}
.sc-hezuo ul li{
    cursor: pointer;
    border-radius: 5px;
    box-shadow: -1px 2px 8px 0px #e5e5e5;
}
.sc-hezuo ul li img{
    border-radius: 5px;
    width: 100%;
}
/* 行业痛点 */
.hangye{
    background-color: #faf8fa;
}
.hy-box ul{
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px 14px;
}
.hy-box ul li{
    text-align: center;
    position: relative;
    cursor: pointer;
}
.hy-box ul li i{
    font-size: 34px;
    height: 66px;
    line-height: 66px;
    color: #ff5400;
    margin-bottom: 10px;
    transition: .5s;
    width: 66px;
    border: 2px solid #ff9c6b;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    position: absolute;
    top: -33px;
    left: 50%;
    margin-left: -33px;
    background: #fff;
}
.hy-box ul li .hy-txt{
    background: #fff;
    padding: 50px 10px 30px 10px;
    box-sizing: border-box;
    box-shadow: 1px 1px 20px #f1f1f1;
    border-radius: 15px;
    height: 13rem;
}
.hy-box ul li .hy-txt h5{
    font-size: 18px;
    color: #333;
    font-family: myFont3;
    margin-bottom: 20px;
}
.hy-box ul li .hy-txt p{
    text-align: justify;
    font-size: 14px;
}
.hy-box ul li:hover i{
    background-color: #ff5400;
    transform: rotateY(360deg);
    color: #fff;
}
/* 新版案例 */
.ny-case1{
    position: relative;
    /* padding-bottom: 80px; */
    background-color: #faf8fa;
}
.ny-case1 .ny-case1-box{
    margin-bottom: 30px;
}
.ny-case1 .ny-case1-box:last-child{
    margin-bottom: 0;
}
.ny-case1 .ny-case1-l{
    width: 100%;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 15px;
    margin-bottom: 20px;
}
.ny-case1 .ny-case1-l-title{
    display: flex;
    justify-items: self-start;
    align-items: center;
    margin-bottom: 30px;
}
.ny-case1 .ny-case1-l-title img{
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 5px;
    box-shadow: 1px 2px 7px 0px #d4d4d4;
}
.ny-case1 .ny-case1-l-title .ny-case1-l-txt h5{
    font-size: 20px;
    color: #333;
    font-family: myFont3;
}
.ny-case1 .ny-case1-l-title .ny-case1-l-txt p{
    font-size: 14px;
    color: #666;
}
.ny-case1 .ny-case1-l h3{
    font-size: 20px;
    font-family: myFont3;
    margin-bottom: 15px;
}
.ny-case1 .ny-case1-l>p{
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
    text-align: justify;
}
.ny-case1 .ny-case1-l .ny-case1-l-num{
    display: flex;
    align-items: center;
}
.ny-case1 .ny-case1-l .ny-case1-l-num span{
    font-size: 16px;
}
.ny-case1 .ny-case1-l .ny-case1-l-num i{
    color: #fe5301;
    font-size: 25px;
    font-family: myFont5;
    font-style: inherit;
}
.ny-case1 .ny-case1-r{
    width: 100%;
}
.ny-case1 .ny-case1-r img{
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.nr p img{
    width: 100% !important;
    height: auto !important;
}
/* 帮助中心 */

.help{

    background: url(../images/help-bg2.jpg)#faf8fa no-repeat center center;

    background-size: cover;

    padding: 90px 0 0 0;

}

.help .help-l{

    width: 100%;

}

.help .help-l h2{

    font-size: 20px;

    color: #333;

    margin-bottom: 15px;

    text-align: center;

}

.help .help-l form input[type="text"]{

    background: url(../images/sousuo.png) #fff no-repeat 10px center;
    line-height: 53px;
    width: 100%;
    border-radius: 10px;
    padding-left: 40px;
    font-size: 16px;
    color: #333;
    background-size: 20px;
    border: 0;

}

.help-l form{

    position: relative;

    width: 100%;

    margin: 0 auto;

}

.help-l .flex_s{

    justify-content: center;

}

.s-bb{

    padding: 0 10px;

    display: flex;

    align-items: center;

    cursor: pointer;

    position: absolute;

    right: 0;

    top: 0;

    height: 50px;

    cursor: pointer;

}

.s-bb input{

    background: none;

    border: 0;
    font-size: 16px;

    color: #ff5400;

    cursor: pointer;

}

.s-bb::after{

    content: "";

    width: .5px;

    height: 28px;

    background-color: #ccc;

    position: absolute;

    left: 0;

}

.help .help-l .help-icon{

    margin: 20px 0 50px 0;

}

.help .help-l .help-icon a{

    position: relative;

    color: #333333;

    font-size: 13px;

    margin-right: 20px;

}

.help .help-l .help-icon a:hover{

    color: #ff5400;

}

.help .help-l .help-icon a::after{

    width: 2px;
    height: 14px;
    background-color: #999999;
    content: "";
    position: absolute;
    right: -12px;
    top: 5px;
    opacity: .2;

}

.help .help-l .help-icon a:last-child::after{

    display: none;

}
/*帮助中心页面新*/
.zz{
    margin: 30px 0;
}
.zz h3{
    font-size: 25px;
    font-weight: 600;
    color: #23272e;
    position: relative;
    padding-left: 17px;
    margin-bottom: 30px;
    line-height: 28px;
}
.zz h3::after{
    content: "";
    width: 5px;
    height: 20px;
    background-color: #ff5400;
    position: absolute;
    left: 0;
    top: 4px;
}
.zz .zz-box{
    
}
.zz .zz-box ul{
    
}
.zz .zz-box ul li{
    width: 100%;
    border: 1px solid #eee;
    padding: 16px 24px 20px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    border-radius: 2px;
}
.zz .zz-box ul li h4{
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 16px;
    border-bottom: 0.5px solid #eee;
}
.zz .zz-box ul li h4 i{
    margin-right: 10px;
    font-size: 22px;
}
.zz .zz-box ul li:nth-child(1) h4 i{
    color: #00d5d5;
}
.zz .zz-box ul li:nth-child(2) h4 i{
    color: #ff7272;
}
.zz .zz-box ul li:nth-child(3) h4 i{
    color: #6170ff;
}
.zz .zz-box ul li:nth-child(4) h4 i{
    color: #ff9635;
}
.zz .zz-box ul li:nth-child(5) h4 i{
    color: #71cb46;
}
.zz .zz-box ul li:nth-child(6) h4 i{
    color: #ff5400;
}
.zz .zz-box ul li a{
    font-size: 16px;
    line-height: 22px;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none;
    display: block;
    margin-top: 16px;
    padding-left: 12px;
    position: relative;
}
.zz .zz-box ul li a::after{
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.zz .zz-box ul li a:hover{
    color: #ff5400;
}
/*帮助中心列表详情*/
.helps{
    height: 100vh;
    position: relative;
}
.helps .helps-box{
    align-items: flex-start;
}
.helps .helps-hide{
    width: 0;
    top: 0;
    right: 0;
    height: 100%;
    position: fixed;
    z-index: 999;
    transition: .5s;
}
.helps .helps-hide.drawer-open {
    transition: transform .3s cubic-bezier(.78,.14,.15,.86);
}
.helps .drawer-mask{
    position: absolute;
    top: 0;
    left: 0;
    background: #222;
    opacity: .4;
    width: 100%;
    height: 100%;
    transition: opacity .3s cubic-bezier(.78,.14,.15,.86);
}
.helps .helps-box-l{
    right: 0;
    height: 100%;
    position: absolute;
    background: #fff;
    width: 80%;
    box-shadow: -2px 0 8px rgba(0,0,0,.15);
}
.helps .helps-box-l div:first-child .helps-title{
    padding: 50px 30px 10px 30px !important;
}
.helps .helps-box-l .helps-title{
    font-size: 16px;
    padding: 10px 30px 10px 30px;
    color: #222;
    align-items: center;
    display: flex;
    font-weight: 400;
    cursor: pointer;
}
.helps .helps-box-l .helps-title i{
    font-size: 18px;
    color: #333;
    cursor: pointer;
}
.helps-box-l>div:first-child .helps-nav{
    /*display: block;*/
}
.helps-box-l>div .helps-title.active i{    rotate: 90deg;}
.helps-nav{
    display: none;
}
.helps .helps-box-l a{
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    line-height: 45px;
}
.helps .helps-box-l a:hover{
    background: #eee;
}
.helps .helps-box-l a.active,.helps .helps-box-l a.active i{
    color: #ff5400;
}
.helps .helps-box-l a i{
    font-size: 14px;
    color: #666;
    margin-right: 5px;
}
.helps .helps-box-r{
    width: 100%;
    padding-top: 90px;
}
.helps .helps-box-r h2{
    font-size: 20px;
    color: #36383d;
    font-weight: 600;
}
.helps .helps-box-r .helps-time{
    line-height: 26px;
    font-size: 14px;
    color: #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 0.5px solid #ddd;
}
.helps .helps-box-r .helps-box-nr{
    margin-bottom: 80px;
}
.helps .helps-box-r .helps-box-nr p{
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 8px;
    margin-top: 0;
    word-break: break-word;
}
.helps .helps-box-r .helps-box-nr img{
    max-height: 100%;
    max-width: 100%;
}
/*按钮*/
.help-btn{
    height: 30px;
    border-radius: 50px 0 0 50px;
    color: #222;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    top: 90px;
    left: 0;
    transform: translateX(-100%);
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 5px 9px 5px 11px;
    box-shadow: 0 0.04rem 0.12rem hsla(0,0%,80%,.3);
    width: 50px;
}
/* 新闻中心 */

.ny-news{

    padding: 30px 0;

    background-color: #faf8fa;

}

.ny-news .flex{

    
}

.title2{

    margin-bottom: 10px;

}

.title2 h3{

    font-size: 20px;

    color: #333333;

    position: relative;

    padding-left: 20px;

    font-family: myFont5;

}

.title2 h3::after{

    width: 8px;
    height: 18px;
    background-color: #ff5400;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    border-radius: 10px;

}

.new-box{

    

}

.ny-news .news-l{

    width: 100%;

}

.ny-news .news-l>ul li{

    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 20px;

}

.ny-news .news-l>ul li a{

    align-items: center !important;

}

.ny-news .news-l>ul li .new-i{

    width: 30%;

    border-radius: 10px;

    display: block;

    overflow: hidden;

}

.ny-news .news-l>ul li .new-i img{

    width: 100%;
    height: 100px;
    object-fit: cover;
    transition: .4s;

}

.ny-news .news-l>ul li .news-txt{

    width: 67%;

}

.ny-news .news-l>ul li h2{

    font-size: 16px;
    color: #333;
    font-family: myFont3;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;

}

.ny-news .news-l>ul li p{

    font-size: 14px;
    color: #333;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}

.ny-news .news-l>ul li .news-time{

    margin-top: 10px;

}
.news-time span i{
    font-size: 16px;
    color: #777777;
    margin-right: 5px;
}
.ny-news .news-l>ul li span{

    font-size: 14px;

    color: #777777;

}
.ny-news .news-r{

    width: 100%;

}

.ny-news .news-l>ul li a:hover h5{

    color: #ff5400;

}

.ny-news .news-l>ul li a:hover img{

    transform: scale(1.05);

}
.news-box{
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
}
.ny-news .news-r ul.news-list{
    
}
.ny-news .news-r ul.news-list li{

}
.ny-news .news-r ul.news-list li a{

    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    border-bottom: 0.01rem dashed #cccccc;
    padding: 10px 0 10px 15px;

}
.ny-news .news-r ul.news-list li a::after{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #cccccc;
    position: absolute;
    left: 0;
    top: 24px;
}
.ny-news .news-r ul.news-list li a:hover{

    color: #ff5400;

}

.ny-news .news-r .news-bg{

    margin: 30px 0;

}

.ny-news .news-r .news-bg img{

    width: 100%;

}

.ny-news .news-r .hot-news{

    background: #fff;
    border-radius: 10px;
    padding: 20px;

}
.ny-news .news-r .hot-news ul{
    
}
.ny-news .news-r .hot-news ul li{

    font-size: 20px;

    

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    width: 100%;

    border-bottom: 1px dashed #e8e8e8;

    padding: 10px 0 10px 0;

}

.ny-news .news-r .hot-news ul li i{

    color: #999999;

    font-family: myFont3;

    padding-right: 10px;
    font-size: 18px;
    font-style: normal;
}

.ny-news .news-r .hot-news ul li:nth-child(1) i,.ny-news .news-r .hot-news ul li:nth-child(2) i,.ny-news .news-r .hot-news ul li:nth-child(3) i{

    color: #ff5400;

}

.ny-news .news-r .hot-news ul li a{

    color: #333;

    font-size: 14px;

}

.ny-news .news-r .hot-news ul li a:hover{

    color: #ff5400;

}
/* 新闻详情 */

.secondNav_loc{

    line-height: 70px;

    background-color: #fff;

}

.secondNav_loc span,.secondNav_loc a{

    font-size: 14px;

    color: #333;

}
.deail,.Reading{
    background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
    box-sizing: border-box; 
}
.deail>h1{

    font-size: 20px;
    color: #222;
    font-family: myFont3;
    margin-bottom: 20px;
    text-align: center;

}

.deail-time{

    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3dd;
    padding-bottom: 20px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;

}

.deail-time span{
    font-size: 12px;
    color: #666;
    margin: 0 15px;
}

.deail_des{

    

}

.deail_des p{
    font-size: 14px;
    text-align: justify;
    color: #333;
    line-height: 1.5;
    margin: 15px auto;
}

.deail_des p strong{
    font-weight: bold;
    color: #222;
}
.deail_des p em{
    font-style: normal;
}
.deail_des h1,.deail_des h2,.deail_des h3,.deail_des h4,.deail_des h5,.deail_des h6{

    color: #222;

    font-size: 16px;

    font-weight: bold;

    margin: 20px 0;

}
/*相关阅读*/
.Reading{
    margin-top: 30px;
}
.Reading ul{
    
}
.Reading ul li{
    margin: 15px 0;
}
.Reading ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
}
.Reading ul li h2{
    position: relative;
    font-size: 14px;
    padding-left: 15px;
    color: #222;
    transition: .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 70%;
}
.Reading ul li h2::after{
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: #c5c5c5;
}
.Reading ul li i{
    font-size: 14px;
    font-style: normal;
    color: #666;
}
.Reading ul li a:hover h2,.Reading ul li a:hover i{
    color: #ff5400;
}
/* 未访问的链接 */
.deail_des a:link {
    color: #2440b3;
}
/* 鼠标悬停时的链接 */
.deail_des a:hover {
    color: #315efb;
}
/* 鼠标点击时的链接 */
.deail_des a:active {
  color: #626675;
}
.deail_des img{
    margin: 30px auto;
    max-width: 100%;
}
.delHandle {
    display: none;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    height: 70px;

    width: 100%;

    line-height: 70px;

    align-items: center;

    padding: 0 40px;

    box-sizing: border-box;

    justify-content: space-between;

}
.deail p{
    font-size: 14px;
}
.delHandle .item a i{

    font-size: 20px;

}

.delHandle .item a span{

    margin-right: 15px;

    font-size: 16px;

}

.delPrev-r a span{

    margin-left: 15px;

}

.jl{

    padding: 20px 0;

}

.jl-icon{

    margin-top: 20px;

    justify-content: center;

}

.jl-icon i{

    margin-right: 20px;

}

.jl-icon i img{

    border: 1px solid #e4e4e4;

    width: 120px;

    border-radius: 10px;

}

.jl-icon i p{

    font-size: 14px;

    color: #333;

    line-height: 2;
    font-style: normal;

    text-align: center;

}

.zm-img{

    margin: 0 auto 1rem auto;

}

.url a:hover{

    color: #ff712b;

}

/*广告测算下面部分内容*/
.ce-nr{

}
.ce-nr .ce-box{
    margin: 30px 0;
}
.ce-title{

} 
.ce-title h2{
    font-size: 20px;
    font-family: myFont3;
    color: #ff5400;
    text-align: center;
    margin: 30px 0;
} 
.ce-nr .ce-box .ce-left{
    width: 100%;
    background: #ff5400;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 0;
}
.ce-nr .ce-box .ce-left h3{
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px dashed #ffb590;
    border-right: 1px dashed #ffb590;
}
.ce-nr .ce-box .ce-right{
    border: 2px solid #ff5400;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: auto;
}
.ce-nr .ce-right-box{
    width: 100%;
}
.ce-nr .ce-right-box table{
    width: 100%;
}
.ce-nr .ce-right-box tr{
    border-bottom: 1px dashed #ffb590;
}
.ce-nr .ce-right-box tr td:last-child,.ce-nr .ce-right-box tr th:last-child{
    border-right: 0 !important;
}
.ce-nr .ce-right-box tr th{
    line-height: 81px;
    font-size: 18px;
    color: #ff5500;
    border-bottom: 1px dashed #ffb590;
    border-right: 1px dashed #ffb590;
    text-align: center;
}
.ce-nr .ce-right-box tr td{
    text-align: center;
    font-size: 16px;
    margin: 8px 0;
    padding: 11px 27px;
    color: #333;
    border-right: 1px dashed #ffb590;
    border-bottom: 1px dashed #ffb590;
}
.ce-title2 .ce-right{

}
.ce-title2 .ce-right-box tr td{
    padding: 25.2px 27px;
}
.ce-title3{
    margin-bottom: 50px;
}
.ce-title3-box{
/*    margin-top: 50px;*/
}
.ce-title3-box p{
    text-align: justify !important;
    font-size: 14px !important;
    color: #333;
    line-height: 1.5;
}
.ce-title3-box p span{
    font-size: 14px !important;
}
.ce-title3-box img{
    margin: 0 auto;
    max-width: 100%;
}
/*二维码弹窗*/
.gb-btn {
    position: absolute;
    top: -100px;
    right: -50px;
    cursor: pointer;
    font-size: 30px;
    color: #e1b788;
}
.jisuan-box {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
}
.jisuan {
    width: 180px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -90px;
    z-index: 99999;
    box-sizing: border-box;
}
.jisuan  img{
    width: 100%;
}
/* 返回箭头 */
#back_top{position:fixed;right:2vw;bottom:42vw;transform:translateY(100%);-webkit-transform:translateY(100%);z-index:888;transition:all .6s;}
#back_top.onshow{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;}
#back_top .master_backTop .master_aperture{background: linear-gradient(to bottom, #ff5400, #ff5400);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;
opacity:0;-webkit-opacity:0;z-index:-1;}
#back_top .master_backTop .master_backTop_btn{color:#fff;width:38px;height:38px;border-radius:50%;-webkit-border-radius:50%;
align-items:center;justify-content:center;z-index:2;background: linear-gradient(to bottom,#ff5400, #ff5400);}
#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{font-size:20px;}
#back_top .master_backTop .master_aperture.circle01{animation:scalej01 2s .5s infinite;-webkit-animation:scalej01 2s .5s infinite;}
@keyframes scalej01{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej01{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
#back_top .master_backTop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;}
@keyframes scalej02{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej02{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}
/*平板尺寸*/
@media (min-width: 768px) {
    .footer{
        padding-bottom: 160px;
    }
}
@media (min-width: 820px) {
    .footer{
        padding-bottom: 320px;
    }
    #back_top{
        bottom: 59vw;
    }
}
@media (min-width: 912px) {
    .footer{
        padding-bottom: 505px;
    }
    #back_top{
        bottom: 59vw;
    }
}
@media (min-width: 1024px) {
    .footer{
        padding-bottom: 520px;
    }
    #back_top{
        bottom: 59vw;
    }
}